<script>
//散点图配置
import BaseConfig from '../BaseConfig';
import * as ConfigEnum from '../config/config-enum';

export default {
  name: 'ScatterConfig',
  mixins: [BaseConfig],
  data() {
    return {
      symbolTypes: ConfigEnum.SCATTER_SYMBOL_TYPE,
    };
  },
};
</script>

<template>
  <div>
    <Row>
      <Col span="8">
      <span>符号类型：</span>
      </Col>
      <Col span="16">
      <Select
        v-model="chartOptions.settings.symbol"
        @on-change="updateOptions">
        <Option
          v-for="item in symbolTypes"
          :value="item.value"
          :key="item.value">{{ item.key }}</Option>
      </Select>
      </Col>
    </Row>
    <Row>
      <Col span="8">
      <span>符号大小上限：</span>
      </Col>
      <Col span="16">
      <InputNumber
        v-model="chartOptions.settings.symbolSizeMax"
        :min="1"
        @on-change="updateOptions"></InputNumber>
      </Col>
    </Row>
    <Row>
      <Col span="8">
      <span>符号旋转角度：</span>
      </Col>
      <Col span="16">
      <InputNumber
        v-model="chartOptions.settings.symbolRotate"
        :min="1"
        @on-change="updateOptions"></InputNumber>
      </Col>
    </Row>
    <Row>
      <Col span="8">
      <span>符号透明度：</span>
      </Col>
      <Col span="16">
      <Slider
        v-model="chartOptions.settings.itemStyle.normal.opacity"
        :step="0.1"
        :min="0"
        :max="1"
        show-stops
        @on-change="updateOptions"></Slider>
      </Col>
    </Row>
    <Row>
      <Col span="8">
      <span>符号阴影半径：</span>
      </Col>
      <Col span="16">
      <Slider
        v-model="chartOptions.settings.itemStyle.normal.shadowBlur"
        :max="20"
        @on-change="updateOptions"></Slider>
      </Col>
    </Row>
  </div>
</template>

<style>
</style>
